<template>
    <div class="settings-container">
        <el-form label-width="120px" label-position="left" :model="formData" style="max-width: 800px">
            <!-- 美术馆设置 -->
            <el-form-item label="申请校区文字">
                <el-input v-model="formData.campusText" placeholder="申请校区文字"></el-input>
            </el-form-item>

            <el-form-item label="申请分销员文字">
                <el-input v-model="formData.distributorText" placeholder="申请分销员文字"></el-input>
            </el-form-item>

            <el-form-item label="美术馆按钮名称">
                <el-input v-model="formData.galleryButtonName" placeholder="美术馆按钮名称"></el-input>
            </el-form-item>

            <el-form-item label="美术馆表单标题">
                <el-input v-model="formData.galleryFormTitle" placeholder="美术馆表单标题"></el-input>
            </el-form-item>

            <el-form-item label="美术馆表单字段1">
                <el-input v-model="formData.galleryFormField1" placeholder="美术馆表单字段1"></el-input>
            </el-form-item>

            <el-form-item label="美术馆表单字段2">
                <el-input v-model="formData.galleryFormField2" placeholder="美术馆表单字段2"></el-input>
            </el-form-item>

            <el-form-item label="美术馆表单字段3">
                <el-input v-model="formData.galleryFormField3" placeholder="美术馆表单字段3"></el-input>
            </el-form-item>

            <el-form-item label="美术馆表单字段4">
                <el-input v-model="formData.galleryFormField4" placeholder="美术馆表单字段4"></el-input>
            </el-form-item>

            <el-form-item label="美术馆表单字段5">
                <el-input v-model="formData.galleryFormField5" placeholder="美术馆表单字段5"></el-input>
            </el-form-item>

            <!-- 底部按钮 -->
            <div style="margin-top: 30px; text-align: left">
                <el-button type="primary">保存</el-button>
            </div>
        </el-form>
    </div>
</template>

<script>
export default {
    name: 'GallerySettingsPage',
    data() {
        return {
            formData: {
                campusText: '申请微官网',
                distributorText: '申请推广员',
                galleryButtonName: '官网申请',
                galleryFormTitle: '申请美术馆',
                galleryFormField1: '姓名',
                galleryFormField2: '年龄',
                galleryFormField3: '校区',
                galleryFormField4: '联系电话',
                galleryFormField5: '美术馆表单字段5'
            }
        }
    }
}
</script>

<style scoped>
.settings-container {
    padding: 20px;
    background-color: #fff;
}

.el-form-item {
    margin-bottom: 20px;
}
</style>